<template>
  <div class="set">
    <div><HeaderPublc></HeaderPublc></div>
    <div class="container">
      <div class="main" id="main" >
        <div class="work">
          <cent></cent>
        </div>
      </div>
    </div>
    <div>
      <myfooter>
      </myfooter>
    </div>
  </div>
</template>
<style scoped>
  .set{width: 100%;}
  .set .container{width:  100%;background: #f1f1f1}
  .set .container .aside{width: auto;float: left;background: #545c64;margin-right: 20px;}
   footer{width: 100%;clear: both }
  .set .container .main{}
  .set .container .show .main{}
   body{background-color:#f7f7f7}
  .work{margin-bottom:20px;background-color:#fff}
  .workTitle{width: 100%;height: 100px;background-color: #429cd5}
  .workTitle p{text-align: center;line-height:100px;color: #fff}
  p {text-align: left}
</style>
<script>
  import setPublc from '@/components/public/set.vue'
  import HeaderPublc from '@/components/public/herderIndex.vue'
  import Public from '@/vuex/public'
  import cent from '@/components/lanwan/pager/newslist.vue'
  import myfooter from '@/components/public/footer.vue'
  import {mapState, mapActions} from 'vuex'
  export default {
    name: 'my-adminChart',
    data () {
      return {

      }
    },
    methods: {
      login () {
        this.$router.push({ name: 'map' })
      }
    },
    computed: {

      ...mapState([
        'addOderData',
        'updateStatus',
        'language',
        'show'
      ])
    },
    mounted () {
      // var width = document.body.clientWidth;
      // var dom = document.getElementById('main');
      // var w = width-240;
      // dom.style = 'max-width:'+ w +'px';
    },
    components: {
      HeaderPublc: HeaderPublc,
      cent: cent,
      myfooter:myfooter
    }
  }
</script>

